<template>
<div class="footer-box">
  <el-link :underline="false" href="https://support.qq.com/products/333575"> 建议反馈 </el-link>|
  <el-popover placement="top" :width="100" trigger="hover">
    <span>
      <img class="qrcode-img" src="@/assets/imgs/qrcode_mp.jpg" alt="小程序" title="小程序" />
    </span>
    <template #reference>
      <el-link :underline="false"> 小程序 </el-link>
    </template>
  </el-popover>|
  <el-popover placement="top" :width="150" trigger="hover">
    <img class="qrcode-img" src="@/assets/imgs/qrcode_gh.jpg" alt="公众号" title="公众号" />
    <template #reference>
      <el-link :underline="false"> 公众号 </el-link>
    </template>
  </el-popover>|
  <el-link :underline="false"> 鄂ICP备2021014342号-3 </el-link>
</div>
</template>

<script lang="ts" setup>
</script>
<style lang="scss" scoped>
.footer-box{
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 100%;
  background-color: #f5f7fa;
  border-top: 1px solid #cecece;
  color: #b1b3b8;
  white-space: nowrap;
  .el-link {
    margin: 0 5px;
  }
}

.qrcode-img {
  width: 150px;
}
</style>
